<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--忽略页面中的邮箱格式为邮箱-->
    <meta name="format-detection" content="email=no">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no,address=no,email=no">
    <title>我的活动 -- 已经购买</title>
    <link rel="stylesheet" href="../css/index_wx.css">
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/swiper-3.4.2.min.js"></script>
    <script src="../js/activiswiper.js"></script>
</head>
<body style="font-family: myFont;background-color: #F3F3F3">
<div class="warp_wx">
    <div class="activity_list">
        <div class="activity_fix">
            <div class="activity_div">
                <div class="swiper-wrapper clearfix">
                    <div class="swiper-slide cst gray">
                        <a href="javascript:void (0);">全部模版</a>
                    </div>
                    <div class="swiper-slide cst gray">
                        <a href="javascript:void (0);">进行中活动</a>
                    </div>
                    <div class="swiper-slide cst gray">
                        <a href="javascript:void (0);">活动数据</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="activi_list">
            <div class="swiper-wrapper">
                <!--园所宣传模版-->
                <!--1-->
                <div class="swiper-slide slide clearfix">
                    <div class="creat_li">
                        <div class="x_div">
                            <img src="../images/home/fair_1.png" alt="" class="x_img">
                            <div class="x_con">
                                <p class="con_p">亲子体验活动亲子体验活动体验活动</p>
                                <div class="con_txt clearfix">
                                    <span class="buymo_btn_la">已购</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="creat_li">
                        <div class="x_div">
                            <img src="../images/home/fair_1.png" alt="" class="x_img">
                            <div class="x_con">
                                <p class="con_p">亲子体验活动亲子体验活动</p>
                                <div class="con_txt clearfix">
                                    <span class="buymo_btn_la">已购</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="creat_li">
                        <div class="x_div">
                            <img src="../images/home/fair_1.png" alt="" class="x_img">
                            <div class="x_con">
                                <p class="con_p">亲子体验活动亲子体验活动</p>
                                <div class="con_txt">
                                    <span class="buymo_btn_la">已购</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="creat_li">
                        <div class="x_div">
                            <img src="../images/home/fair_1.png" alt="" class="x_img">
                            <div class="x_con">
                                <p class="con_p">亲子体验活动亲子体验活动</p>
                                <div class="con_txt clearfix">
                                    <span class="buymo_btn_la">已购</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="no_buyactivi"  style="display: none">
                        <div class="creat_li">
                            <div class="x_div">
                                <img src="../images/home/fair_1.png" alt="" class="x_img">
                                <div class="x_con">
                                    <p class="con_p">亲子体验活动亲子体验活动</p>
                                    <div class="con_txt clearfix">
                                        <span class="moeny_num fl">¥99</span>
                                        <span class="buymo_btn_la fr">已购</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="nobuy_text">您还没有购买任何活动</p>
                    </div>
                </div>
                <!--2-->
                <div class="swiper-slide slide">
                    <img src="../images/home/fair_2.png" alt="" class="buy_img" style="display: none">
                    <div class="no_buyactivi">
                        <img src="../images/icon/creat_icon.png" alt="" class="nobuy_img">
                        <p class="nobuy_text">您还没有进行中的活动</p>
                    </div>
                </div>
                <!--3-->
                <div class="swiper-slide slide">
                    <ul class="avtivi_data">
                        <li class="data_li">
                            <div class="modu_mess clearfix">
                                <img src="../images/home/fair_1.png" alt="" class="modu_img fl">
                                <div class="mess_txt fl">
                                    <h3 class="rec_title">好玩的喷刷画好玩的喷刷画好玩的喷刷画好玩的喷刷画</h3>
                                    <div class="mess_rec">
                                        <!--
                                            2个按钮   2选一 2种状态
                                        -->
                                        <a href="#" class="complete_btn">已结束</a>
                                        <a href="#" class="conduct_btn" style="display: none">进行中</a>
                                    </div>
                                    <p class="activ_text">亲子体验活动</p>
                                    <p class="activ_txt">活动时间：<span>2018.04.26 10：30</span></p>
                                </div>
                            </div>
                            <ul class="activ_now clearfix">
                                <li class="now_li">
                                    <p>预约100人</p>
                                </li>
                                <li class="now_li">
                                    <p>签到100人</p>
                                </li>
                                <li class="now_li ">
                                    <p class="p_num">分享转发100人</p>
                                </li>
                            </ul>
                        </li>
                        <li class="data_li">
                            <div class="modu_mess clearfix">
                                <img src="../images/home/fair_1.png" alt="" class="modu_img fl">
                                <div class="mess_txt fl">
                                    <h3 class="rec_title">好玩的喷刷画好玩的喷刷画好玩的喷刷画好玩的喷刷画</h3>
                                    <div class="mess_rec">
                                        <!--
                                            2个按钮   2选一 2种状态
                                        -->
                                        <a href="#" class="complete_btn" style="display: none">已结束</a>
                                        <a href="#" class="conduct_btn">进行中</a>
                                    </div>
                                    <p class="activ_text">亲子体验活动</p>
                                    <p class="activ_txt">活动时间：<span>2018.04.26 10：30</span></p>
                                </div>
                            </div>
                            <ul class="activ_now clearfix">
                                <li class="now_li">
                                    <p>预约100人</p>
                                </li>
                                <li class="now_li">
                                    <p>签到100人</p>
                                </li>
                                <li class="now_li ">
                                    <p class="p_num">分享转发100人</p>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <p class="baseline">——— 我是底线 ———</p>
                    <div class="no_buyactivi" style="display: none">
                        <img src="../images/icon/creat_icon.png" alt="" class="nobuy_img">
                        <p class="nobuy_text">您还没有创建活动</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="activi_btn">
        <a href="#" class="creat_btn">创建活动宣品</a>
    </footer>
</div>
</body>
<script>
    $(function() {
        var newStyle = $("<style> @font-face {font-family: 'myFont';  src: url('../fonts/HYQiHei-50S.ttf');} </style>");
        $('body').append(newStyle);
    });
</script>
</html>